<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="\bower_components\bootstrap\dist\css\bootstrap.min.css">
    <script src="\bower_components\jquery\dist\jquery.min.js"></script>
    <script src="\bower_components\popper.js\dist\umd\popper.js"></script>
    <script src="\bower_components\bootstrap\dist\js\bootstrap.min.js"></script>
    <link rel="stylesheet/less" type="text/css" href="/assets/less/aboutus.less">
    <script src="\bower_components\less\dist\less.js" type="text/javascript"></script>
    <title>Document</title>
</head>
<body>
<div class="logo">
    <img src="/assets/img/logo.png" class="logoimg">
    <div class="yuyan">
        <div class="input-group mb-3">
            <select class="custom-select" id="inputGroupSelect01">
                <option selected>简</option>
                <option value="1">繁</option>
                <option value="2">En</option>
            </select>
        </div>
    </div>
    <div class="xiangguanpingtai">
        <div class="input-group mb-3">
            <select class="custom-select" id="inputGroupSelect01">
                <option selected>兴数科技相关平台</option>
                <option value="1">One</option>
                <option value="2">Two</option>
                <option value="3">Three</option>
            </select>
        </div>
    </div>
    <div class="sousuo">
        <div class="input-group mb-3">
            <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
            <div class="input-group-prepend">
                <span class="input-group-text" id="basic-addon1">@</span>
            </div>
        </div>
    </div>

</div>
<div class="banner">
    <div class="top">
        <div class="top-main">
            {#        导航条 start#}
            <ul  class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                {% for i in aboutus %}
                    <li class="nav-item">
                        <a class="nav-link " id="pills-home-tab" data-toggle="collapse" href="#{{ i.id }}"  >{{ i.title }}</a>
                    </li>
                {% endfor %}
            </ul>
            {% for i in aboutus %}

                <div class="collapse" id="{{ i.id }}">
                    <div class="card card-body">
                        {% for e in i.cate %}
                        <p>
                            {{ e.neirong }}
                        </p>
                {% endfor %}
                    </div>
                </div>

            {% endfor %}

            {#        导航条 end#}
        </div>

    </div>
    <div class="pic">
        <img src="/assets/img/banner.jpg">
    </div>

</div>
<div class="footer">
 <div class="footer-main">
     <img src="/assets/img/logo.png">
     <ul>
         {% for i in aboutus %}
             <li>
                 <strong>
                     <p class="title">{{ i.title }}</p>
                 </strong>
                     {% for e in i.cate %}
                         <a href="/demo/{{ e.href }}">
                             <p class="down">
                                 {{ e.neirong }}
                             </p>
                         </a>
                     {% endfor %}
             </li>
         {% endfor %}
     </ul>
 </div>
    <div class="end">
        <a href="/demo/aboutus">加入我们 |</a>
        <a href="/demo/aboutus">免责声明 |</a>
        <a href="/demo/aboutus">隐私政策 |</a>
        <p>版权公告 青岛兴数科技公司及／或其关联公司及特许人。版权所有。</p>
    </div>
</div>
</body>
<script src="/assets/js/aboutus.js"></script>
</html>